{% extends "base.html" %}
{% load static %}
{% block title %}萨敏特(重庆)企业管理咨询{% endblock %}

{% block extra_head %}
<!-- 首页分块 CSS -->
<link rel="stylesheet" href="{% static 'home/CSS/banner.css' %}">
<link rel="stylesheet" href="{% static 'home/CSS/about.css' %}">
<link rel="stylesheet" href="{% static 'home/CSS/philosophy.css' %}">
<link rel="stylesheet" href="{% static 'home/CSS/business.css' %}">
<link rel="stylesheet" href="{% static 'home/CSS/headhunter.css' %}">
<link rel="stylesheet" href="{% static 'home/CSS/partner.css' %}">
<link rel="stylesheet" href="{% static 'home/CSS/map.css' %}">
{% endblock %}

{% block content %}
{% include "home/sections/banner.html" %}
{% include "home/sections/about.html" %}
{% include "home/sections/philosophy.html" %}
{% include "home/sections/business.html" %}
{% include "home/sections/headhunter.html" %}
{% include "home/sections/partner.html" %}
{% include "home/sections/map.html" %}
{% endblock %}

{% block extra_js %}
<script>
    // banner轮播图初始化
    document.addEventListener("DOMContentLoaded", function () {
        new Swiper(".banner-swiper", {
            loop: true,
            effect: "fade",               // 淡入淡出
            fadeEffect: { crossFade: true },
            autoplay: { delay: 5000, disableOnInteraction: false },
            speed: 800,
            pagination: { el: ".swiper-pagination", clickable: true }
        });
    });

    // 其他轮播图初始化

    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1,
        spaceBetween: 30,
        navigation: {
            nextEl: ".swiper-button-next",
        },
        loop: true,
        // 添加自动播放配置
        autoplay: {
            delay: 4000, // 切换间隔时间（毫秒），3000=3秒
            disableOnInteraction: false, // 用户操作后是否继续自动播放，false=继续
        }
    });

    var swiper4 = new Swiper(".left-column .mySwiper4", {
        loop: true,
        navigation: {
            nextEl: '.swiper-button-next4',
            prevEl: '.swiper-button-prev4',
        },
    });
</script>
{% endblock %}